<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 公共CSS -->
    <link href="../../../style/common/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="../../../style/common/bootstrap/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="../../../style/common/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
</head>

<body>
<div style="color: red; text-align: center"><h4>服务端分页</h4></div>
<!--采用JS代码方式来初始化表格插件，只须声明一个表格对象即可-->
<table id="tab-1" class="table table-hover"></table>

<div style="color: red; text-align: center"><h4>客户端分页</h4></div>
<table id="tab-2" class="table table-hover"></table>
</body>

<!-- 公共JS -->
<script src="../../../style/common/jquery/jquery.min.js"></script>
<script src="../../../style/common/bootstrap/js/bootstrap.min.js"></script>
<script src="../../../style/common/bootstrap/js/bootstrap-table.min.js"></script>
<script src="../../../style/common/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
<!-- bootstrap-table拓展模块 - 导出 -->
<script src="../../../style/common/bootstrap/js/bootstrap-table-export.js"></script>
<script src="../../../style/common/bootstrap/js/tableExport.min.js"></script>
<!-- 用户JS -->
<script src="pageHelp-1.js"></script>
<script src="pageHelp-2.js"></script>
</html>


